.px2rem(@name,@px){
    @{name}:@px/37.5*1rem
}

.head{
    background-color: #7e4c81;
    display: flex;
    .px2rem(height,55);
    align-items: center;
    .left{
        width: 5%;
    }
    .center{
        width: 95%;
        text-align: center;
    }
    img{
        .px2rem(height,23);
        .px2rem(width,32);
    }
    p{
        .px2rem(font-size,20);
        color: white;
        
    }
}
.cont{
    display: flex;
    .left{
        width: 12%;
        img{
            .px2rem(height,667);
            .px2rem(width,29);
        }
    }
    .right{
        flex: 1;
        .px2rem(line-height,30);
        .px2rem(font-size,20);
        p{
            border: 1px solid #cccccc;
        }
        .one{
            
            width: 95%;
            justify-content: center;
            .px2rem(margin-top,40);
            background-image: url(../images/tzgg/bg.png);
            span{
                color: #CCCCCC;
            }
        }
        .two{
             width: 95%;
            justify-content: center;
            .px2rem(margin-top,80);
             background-image: url(../images/tzgg/bg.png);
             span{
                color: #CCCCCC;
            }
        }
        
        .three{
              width: 95%;
            justify-content: center;
            .px2rem(margin-top,60);
             background-image: url(../images/tzgg/bg.png);
             span{
                color: #CCCCCC;
            }
        }
    }
}
